<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>@yield('pageTitle')</title>

<!-- Bootstrap core CSS -->
<link href="<?php echo $bootstrapPath; ?>-3.2.0/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $bootstrapPath; ?>-3.2.0/dist/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />

<!-- Add custom CSS here -->
<link href="<?php echo $cssPath; ?>/main.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $cssPath; ?>/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
@yield('socialMedia' )
@yield('reCaptcha' )  
<!-- Bootstrap core JavaScript
    ================================================== -->
	        <!-- Placed at the end of the document so the pages load faster -->
	
	<!--social buton swap image -->
	<script src="<?php echo $jsPath; ?>/swapImage.js"></script>
	
	<!--fixed nav script -->
	        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"></script>
	        <script src="<?php echo $bootstrapPath; ?>-3.2.0/dist/js/bootstrap.min.js"></script>
	
	<!--sticky nav script -->
	<script src="<?php echo $jsPath; ?>/stickyNav.js"></script>
	 <!-- Scroll Bar
    ================================================== -->
	
	    <!-- custom scrollbar plugin -->
	    <script src="<?php echo $jsPath; ?>/jquery.mCustomScrollbar.concat.min.js"></script>
	
	
	    <!-- custom scroll bar script -->
	    <script src="<?php echo $jsPath; ?>/customScrollbar.js"></script>		
		
@yield( 'pageSpecificJS' )
</head>
 <body onLoad="MM_preloadImages('<?php echo $imagesPath; ?>/twitter-hover.png','<?php echo $imagesPath; ?>/rss-hover.png')">
 
  <!-- header -->

   <div class="container">
	<div class="row">
	<div class="col-xs-12 col-sm-4"><div class="logo"> <a href="<?php echo $homeURL ?>"><img src="<?php echo $imagesPath; ?>/logo.jpg" border="0"></a></div>
	</div>
  
  <div class="col-xs-12 col-md-8 header">
  	<div class="header-right">
	  	<span class="language"><a href="<?php echo URL::to('/')."/".Options::LANGUAGE_MY."/home"; ?>">Melayu</a> | <a href="<?php echo URL::to('/')."/".Options::LANGUAGE_EN."/home"; ?>">English</a></span>  &nbsp; &nbsp;
	    <form action="/{{Config::get('app.locale')}}/search" method="get">
		    <input style="float: left" type="text" name="keyword" placeholder="<?php echo Lang::get('label.searchMsg'); ?>">	    	
	    	<input style="float: left;position: relative;top:-10px;"  type="image" src="<?php echo $imagesPath; ?>/search.png">
	    </form>
    </div>
  </div>
	
	</div> <!-- /row-->
	
   </div>
  <!-- /header -->
    <!-- Fixed navbar -->
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="sticky_navigation">
      <div class="container">
	  <div class="row">
	  
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        
        </div>
        <div class="navbar-collapse collapse">
      
          <ul class="nav navbar-nav">
          	<li class="<?php echo $headerMenu == "home" ? "active" : ""; ?>"><a href="<?php echo $homeURL?>"><?php echo  Lang::get('label.home'); ?></a></li>
          <?php if( !empty($catList[0]) ) : ?>	
          <?php foreach( $catList as $value ) : ?>      
				<li class="<?php echo $headerMenu == $value['name'] ? "active" : ""; ?>"><a href="{{ SEO::generateCategoryURL($value->id,$value->name) }}"><?php echo $value['name']; ?></a></li>
          <?php endforeach; ?>    
          <?php endif;?>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="http://twitter.com/home/?status=@yield('pageTitle')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','<?php echo $imagesPath; ?>/twitter-hover.png',1)"><img src="<?php echo $imagesPath; ?>/twitter.png" name="Image24" width="26" height="26" border="0"></a></li>
           
          
            <li><a href="rss" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','<?php echo $imagesPath; ?>/rss-hover.png',1)"><img src="<?php echo $imagesPath; ?>/rss.png" name="Image23" width="26" height="26" border="0"></a></li>
          </ul>
        </div> <!--/.nav-collapse -->
		</div> <!-- /row-->
		
      </div> <!-- /container-->
    </div>    <!-- /.Fixed navbar -->

    @yield('content')
 
    
    <!-- Footer -->
       <div class="footer-line"></div> 

     <div class="container">
	 
		 <footer>
		
            <div class="row">
			
              <div class="col-lg-6 col-md-5">
                <a href="<?php echo URL::to('/')."/".Config::get('app.locale')."/contactUs"; ?>">Contact Us</a> | <a href="policy.html">Privacy Policy</a></div>
				
				 <div class="col-lg-6 col-md-7">
                   <div class="visible-md visible-lg pull-right">Copyright c <script> document.write((new Date).getFullYear()); </script> mTouche International Sdn. Bhd. All rights reserved.</div>
				   <div class="hidden-md hidden-lg">Copyright c <script> document.write((new Date).getFullYear()); </script> mTouche International Sdn. Bhd. All rights reserved.</div>
		      </div>
            </div>
        </footer>
     
     </div>
  
  		
	
</body>
</html>
